Задачи по Тильде
Задачи: Разработка лендинга на неделю (17.11 - 21.11)
Обзор недели
На этой неделе наша главная цель — полностью разобраться с функционалом Tilda, включая тарифы, возможности, работу с шаблонами и блоками. Затем, используя полученные знания, собрать современный, адаптивный лендинг, готовый к публикации и продвижению, с настроенным доменом и базовыми интеграциями.
Главная цель
Note
Полностью освоить платформу Tilda и создать современный лендинг, готовый к публикации и базовому SEO-продвижению, с подключением домена.
Обязательно к изучению, перед тем как делать задачи:
Основные задачи
Понедельник (17.11)
- **Изучение платформы Tilda: Начало работы и базовые принципы
- Официальный справочный центр Tilda: Справочный центр - Tilda [1]
- Раздел "Как устроена Тильда" (обзор интерфейса и функций): Как устроена Тильда [1]
- Видео: Как устроена Тильда (полное видео)
- Цель просмотра: Получить общее представление об интерфейсе Tilda и основных процессах создания, редактирования и публикации сайтов.
- Чему научимся в конце: Понимать структуру платформы, панель управления сайтами и страницами, а также базовые действия с контентом и блоками.
- Ссылка: Посмотреть это видео на YouTube (Время видео: 12:00) [1]
- Видео: Как устроена Тильда (полное видео)
- Бесплатный курс по созданию сайтов на Тильде для начинающих (видеоуроки):
- Занятие 1: О курсе
- Цель просмотра: Ознакомиться со структурой, содержанием и форматом бесплатного обучающего курса по Tilda.
- Чему научимся в конце: Понимать, какие темы будут рассмотрены и чего ожидать от курса.
- Ссылка: О курсе (Время видео: 1:06) [1]
- Занятие 2: Знакомство с Тильдой
- Цель просмотра: Узнать об основных функциях и возможностях платформы Tilda, а также о типах проектов, которые на ней можно создавать.
- Чему научимся в конце: Понимать, как Tilda помогает в создании посадочных страниц, интернет-магазинов, блогов и персональных сайтов, без знания кода.
- Ссылка: Знакомство с Тильдой (Время видео: 4:20) [1]
- Дополнительно: Галерея #madeontilda здесь [1]
- Занятие 3: С чего начинается создание сайта
- Цель просмотра: Освоить методологию и подходы к планированию сайта перед его созданием.
- Чему научимся в конце: Определять цели, задачи и целевую аудиторию проекта, используя подход Jobs To Be Done для эффективного старта.
- Ссылка: С чего начинается создание сайта (Время видео: 7:35) [1]
- Дополнительно: Подробнее о подходе Jobs To Be Done здесь [1]
- Занятие 4: Регистрация и обзор личного кабинета
- Цель просмотра: Научиться создавать аккаунт в Tilda и ориентироваться в основных разделах личного кабинета.
- Чему научимся в конце: Успешно регистрироваться, создавать новые проекты (сайты) и управлять ими в личном кабинете.
- Ссылка: Регистрация и обзор личного кабинета (Время видео: 4:28) [1]
- Занятие 5: Создание сайта из базовых блоков
- Цель просмотра: Понять основной принцип работы с готовыми блоками Tilda и их роль в конструировании веб-страниц.
- Чему научимся в конце: Эффективно использовать библиотеку из более чем 550 стандартных блоков Tilda для быстрого создания страниц и добавления контента.
- Ссылка: Создание сайта из базовых блоков (Время видео: 11:22) [1]
- Занятие 6: Настройки страницы и сайта
- Цель просмотра: Изучить, как управлять общими параметрами всего сайта и каждой отдельной страницы.
- Чему научимся в конце: Настраивать шрифт, основные цвета, главную страницу, а также порядок и вложенность страниц для контроля над внешним видом и структурой.
- Ссылка: Настройки страницы и сайта (Время видео: 5:40) [1]
- Занятие 7: Настройка адаптивности
- Цель просмотра: Узнать, как обеспечить корректное отображение сайта на различных устройствах.
- Чему научимся в конце: Применять инструменты Tilda для создания адаптивного дизайна, который будет хорошо выглядеть на мобильных телефонах, планшетах и десктопах.
- Ссылка: Настройка адаптивности (Время видео: 2:08) [1]
- Занятие 8: Создание уникального блока в Zero Block
- Цель просмотра: Освоить возможности Zero Block для создания уникальных элементов и секций, полностью контролируя их дизайн и позиционирование.
- Чему научимся в конце: Использовать Zero Block для реализации индивидуальных дизайнерских решений, выходящих за рамки стандартных блоков Tilda.
- Ссылка: Создание уникального блока в Zero Block (Время видео: 10:35) [1]
- Дополнительно: Галерея #madeontilda здесь [1]
- Занятие 9: Настройка анимации
- Цель просмотра: Изучить, как добавлять интерактивные и динамичные элементы на сайт для улучшения пользовательского опыта.
- Чему научимся в конце: Применять базовую и пошаговую анимацию к различным элементам страницы.
- Ссылка: Настройка анимации (Время видео: 5:42) [1]
- Дополнительно: Учебник по анимации в вебе здесь [1]
- Занятие 10: Навигация на сайте
- Цель просмотра: Понять, как организовывать удобную и интуитивно понятную навигацию на одностраничном и многостраничном сайте.
- Чему научимся в конце: Создавать меню, использовать якорные ссылки и эффективно управлять порядком страниц.
- Ссылка: Навигация на сайте (Время видео: 8:08) [1]
- Занятие 11: Подключение домена
- Цель просмотра: Научиться подключать собственный домен к сайту, созданному на Tilda, и настраивать безопасное соединение.
- Чему научимся в конце: Выполнять все необходимые шаги для привязки домена, делегирования на DNS Tilda или настройки записей у регистратора, а также подключать HTTPS (SSL-сертификат).
- Ссылка: Подключение домена (Время видео: 4:11) [1]
- Дополнительно: Пошаговая инструкция по подключение домена здесь [1]; Как настроить протокол HTTPS здесь [1]
- Занятие 12: Приём заявок и работа с клиентами
- Цель просмотра: Изучить возможности Tilda по сбору данных и взаимодействию с посетителями сайта.
- Чему научимся в конце: Настраивать различные формы (обратной связи, подписки) и интегрировать их с популярными сервисами для CRM или почты.
- Ссылка: Приём заявок и работа с клиентами (Время видео: 8:21) [1]
- Дополнительно: Конструктор политики конфиденциальности здесь [1]
- Занятие 13: SEO и аналитика
- Цель просмотра: Понять основы поисковой оптимизации (SEO) и сбора статистики для сайта на Tilda.
- Чему научимся в конце: Настраивать мета-теги, заголовки, описания страниц для поисковых систем, а также подключать Яндекс.Метрику и Google Analytics для отслеживания эффективности.
- Ссылка: SEO и аналитика (Время видео: 10:51) [1]
- Дополнительно: Гид по SEO для сайта на Тильде здесь [1]
- Занятие 14: Продажа товаров и услуг на сайте
- Цель просмотра: Узнать, как организовать продажи товаров и услуг на сайте, созданном в Tilda, даже без сложной настройки интернет-магазина.
- Чему научимся в конце: Добавлять товары, создавать категории, подключать платежные системы и настраивать доставку.
- Ссылка: Продажа товаров и услуг на сайте (Время видео: 9:21) [1]
- Дополнительно: Справка по каталогу товаров здесь [1]; Как подключить платежную систему здесь [1]; Настройка сервисов доставки здесь [1]
- Занятие 15: Что дальше
- Цель просмотра: Получить рекомендации и идеи для дальнейшего развития проектов на Tilda после их создания и публикации.
- Чему научимся в конце: Понимать перспективы и следующие шаги для масштабирования и оптимизации сайтов.
- Ссылка: Что дальше (Время видео: 2:26) [1]
- Занятие 1: О курсе
- *Общее время на видеоуроки Tilda: ~1 час 45 минут + 12 минут (полное видео) = ~2 часа
- Анализ тарифов и возможностей: Изучение доступных тарифов Tilda, их функциональных отличий, ограничений и преимуществ для лендинга.
- Тарифные планы Tilda: https://tilda.cc/ru/pricing/ [1]
- Время: 25 минут
- Обзор готовых шаблонов Tilda: Изучение библиотеки шаблонов, понимание их структуры и возможностей для адаптации.
- Галерея #madeontilda (примеры сайтов): https://tilda.cc/ru/madeontilda [1]
- Время: 35 минут
Note
Важно: ознакомиться с макетом, приступать его надо делать только после всего изученного выше.
ссылка на макет
*
Общее время занятости: ~ 4 часа.
Вторник (18.11)
- Практическое применение: Начало сборки лендинга (4 часа)
- 1. Выбор концепции и создание нового проекта (1 час)
- Цель задания: Выбрать общую концепцию лендинга, опираясь на вдохновение из Figma, и создать новый проект в Tilda.
- Чему научимся в конце: Определять стиль и структуру будущего лендинга, а также уверенно инициировать новый проект на платформе.
- Справочный центр Tilda:
- Создание новой страницы: [https://help-ru.tilda.cc/page-actions#rec15520104] [1]
- (Рекомендуется также пересмотреть "Знакомство с Тильдой" (видео 2) и "Создание сайта из базовых блоков" (видео 5)).
- Рекомендуется для вдохновения (макеты Figma):
- Простые шаблоны сайтов: https://rejump.ru/20-maketov-sajtov-sdelannyh-v-figma-vse-stranitsy-s-adaptivom]
- 2. Сборка шапки сайта (Header) (1 час)
- Цель задания: Разработать навигационную часть лендинга, включающую логотип, меню и, при необходимости, контактные данные, используя стандартные блоки Tilda.
- Чему научимся в конце: Уверенно использовать готовые блоки для Header, настраивать их внешний вид, добавлять пункты меню и обеспечивать удобство навигации на сайте.
- Справочный центр:
- Шапка и подвал: [https://help-ru.tilda.cc/header-footer] [1]
- Как сделать меню: [https://help-ru.tilda.cc/menu] [1]
- 3. Сборка первого экрана (Hero-секции / Обложки) (1 час)
- Цель задания: Создать привлекательный и информативный первый экран лендинга, который захватывает внимание пользователя и передает ключевое сообщение.
- Чему научимся в конце: Эффективно использовать блоки "Обложка" Tilda для размещения заголовка, подзаголовка, кнопки призыва к действию (CTA) и фонового изображения, а также применять базовые настройки адаптивности для этого блока.
- Справочный центр:
- Работа с обложкой: [https://help-ru.tilda.cc/cover] [1]
- (Также можно кратко пересмотреть "Настройка адаптивности" (видео 7) для лучшего понимания отображения на разных устройствах).
- 4. Базовая настройка шрифтов и внутренняя навигация (1 час)
- Цель задания: Применить общие настройки шрифтов для соответствия стилю лендинга и настроить базовые якорные ссылки для навигации внутри страницы.
- Чему научимся в конце: Изменять шрифты для улучшения визуальной читаемости, применять их ко всему сайту и создавать якорные ссылки для плавных переходов к разделам на одностраничном лендинге.
- Справочный центр:
- Настройка шрифтов: [https://help-ru.tilda.cc/fonts] [1]
- Якорные ссылки: [https://help-ru.tilda.cc/anchor] [1]
- Общее время на практические задания Вторника: 4 часа
- 1. Выбор концепции и создание нового проекта (1 час)
Среда (19.11)
- Сборка информационных секций: Создание 2-3 основных контентных блоков (например, "О нас", "Преимущества", "Как это работает") с использованием различных блоков Tilda.
- Время: 5 часов
- Работа с медиаконтентом: Загрузка и оптимизация изображений, видео для сайта в рамках Tilda.
- Время: 3 часа
Четверг (20.11)
- Сборка секций с интерактивными элементами: Реализация формы обратной связи/подписки, секции с отзывами/галереями с использованием встроенных блоков Tilda.
- Время: 4 часа
- Верстка Footer: Создание нижней части сайта с контактной информацией, ссылками, копирайтом.
- Время: 2 часа
- Адаптивная настройка (мобильная/планшетная версии): Обеспечение корректного отображения всех элементов лендинга на различных устройствах с помощью встроенных инструментов Tilda (особенно для Zero-блоков).
- Время: 2 часа
Пятница (21.11)
- Базовая SEO-оптимизация на Tilda: Настройка мета-тегов (Title, Description), alt-атрибутов для изображений, заголовков H1-H6 с использованием настроек страниц и блоков Tilda. 1
- Время: 3 часа
- Подключение домена: Настройка собственного домена для опубликованного лендинга в Tilda. 1, 1
- Время: 2 часа
- Интеграции: Подключение форм к CRM или почте, установка счетчиков аналитики (Google Analytics/Яндекс.Метрика) через настройки Tilda.
- Время: 2 часа
- Тестирование и подготовка к ревью: Проверка работы всех форм, ссылок, адаптивности на разных устройствах. Финальная проверка перед демонстрацией.
- Время: 1 час
Коммуникация
- Ежедневные короткие стендапы (15 минут) для обсуждения прогресса и возникающих вопросов.
- Оперативная связь в мессенджере по мере необходимости.